<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 第一：下载 Layui 框架，并拷贝到项目中 -->
    <!-- 第二：导入 Layui 提供的 CSS 样式 -->
    <link href="layui/css/layui.css" rel="stylesheet">

</head>
<body>

    <button type="button" class="layui-btn" id="ID-upload-demo-btn">
        <i class="layui-icon layui-icon-upload"></i> 修改头像
    </button>

    <button type="button" class="layui-btn" id="btn-ok">
        <i class="layui-icon layui-icon-upload"></i> 上传头像
    </button>

    <div style="width: 132px;">
        <div class="layui-upload-list">
            <img class="layui-upload-img" id="ID-upload-demo-img" style="width: 100%; height: 92px;">
            <div id="ID-upload-demo-text"></div>
        </div>
        <div class="layui-progress layui-progress-big" lay-showPercent="yes" lay-filter="filter-demo">
            <div class="layui-progress-bar" lay-percent=""></div>
        </div>
    </div>




    <!-- 第三：导入 Layui 提供的 js 脚本文件 -->
    <script src="layui/layui.js"></script>

    <script src="js/upload_single.js"></script>
</body>
</html>